




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Generated content, automatic numbering, and lists
 - CSS2.1 Test Suite</title>
  <style type="text/css">* { margin: 0; padding: 0 }
    @import "http://www.w3.org/StyleSheets/TR/base.css";
    @import "../indices.css";
  </style>
 </head>

 <body>

  <h1>CSS2.1 Test Suite</h1>
  <h2>Generated content, automatic numbering, and lists
 (626 tests)</h2>
  <table width="100%">
    <col id="test-column"></col>
    <col id="flags-column"></col>
    <col id="info-column"></col>
    <thead>
      <tr>
        <th>Test</th>
        <th><abbr title="Rendering References">Refs</abbr></th>
        <th>Flags</th>
        <th>Info</th>
      </tr>
    </thead>
    <tbody id="s12.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">12.1 The :before and :after pseudo-elements
</a></th></tr>
      <!-- 54 tests -->
      <tr id="after-content-display-001-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-001.xht">after-content-display-001</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display inline
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-002-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-002.xht">after-content-display-002</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display block
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-003-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-003.xht">after-content-display-003</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display list-item
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-005-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-005.xht">after-content-display-005</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display inline-block
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-006-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-006.xht">after-content-display-006</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display table
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-007-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-007.xht">after-content-display-007</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display inline-table
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-008-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-008.xht">after-content-display-008</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display table-row-group
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-009-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-009.xht">after-content-display-009</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display table-header-group
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-010-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-010.xht">after-content-display-010</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display table-footer-group
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-011-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-011.xht">after-content-display-011</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display table-row
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-012-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-012.xht">after-content-display-012</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display table-column-group
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-013-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-013.xht">after-content-display-013</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display table-column
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-014-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-014.xht">after-content-display-014</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display table-cell
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-015-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-015.xht">after-content-display-015</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display table-caption
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-016-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-016.xht">after-content-display-016</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display none
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-017-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-017.xht">after-content-display-017</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - display inherit
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-content-display-018-12.1" class="primary">
        <td><strong>
            <a href="after-content-display-018.xht">after-content-display-018</a></strong></td>
        <td></td>
        <td></td>
        <td>:after generated content - initial value of display
          <ul class="assert">
            <li>The initial value of the 'display' for generated content property is 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-inheritable-001-12.1" class="primary">
        <td><strong>
            <a href="after-inheritable-001.xht">after-inheritable-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Pseudo-element ':after' inherits inheritable values
          <ul class="assert">
            <li>The pseudo-element ':after' generated content inherits any inheritable properties from the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-inheritable-002-12.1" class="primary">
        <td><strong>
            <a href="after-inheritable-002.xht">after-inheritable-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Pseudo-element ':after' does not inherit non-inheritable values
          <ul class="assert">
            <li>Non-inherited properties apply their initial value when applying to ':after'.</li>
          </ul>
        </td>
      </tr>
      <tr id="after-location-001-12.1" class="primary">
        <td><strong>
            <a href="after-location-001.xht">after-location-001</a></strong></td>
        <td></td>
        <td></td>
        <td>After applies after text
          <ul class="assert">
            <li>After places the generated content after the element content.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-after-001-12.1" class="primary invalid">
        <td><strong>
            <a href="before-after-001.xht">before-after-001</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Before, after applies to same selector
          <ul class="assert">
            <li>Multiple pseudo-elements cannot be placed on the same selector.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-after-002-12.1" class="primary">
        <td><strong>
            <a href="before-after-002.xht">before-after-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Before, after is included in formatting changes
          <ul class="assert">
            <li>Generated content is included in any formatting changes made to an element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-after-display-types-001-12.1" class="primary">
        <td><strong>
            <a href="before-after-display-types-001.xht">before-after-display-types-001</a></strong></td>
        <td><a href="before-after-display-types-001-ref.xht">=</a> </td>
        <td></td>
        <td>generated content
        </td>
      </tr>
      <tr id="before-after-floated-001-12.1" class="primary">
        <td><strong>
            <a href="before-after-floated-001.xht">before-after-floated-001</a></strong></td>
        <td><a href="before-after-floated-001-ref.xht">=</a> </td>
        <td></td>
        <td>generated content
        </td>
      </tr>
      <tr id="before-after-positioned-001-12.1" class="primary">
        <td><strong>
            <a href="before-after-positioned-001.xht">before-after-positioned-001</a></strong></td>
        <td><a href="before-after-positioned-001-ref.xht">=</a> </td>
        <td></td>
        <td>generated content
        </td>
      </tr>
      <tr id="before-after-table-parts-001-12.1" class="primary">
        <td><strong>
            <a href="before-after-table-parts-001.xht">before-after-table-parts-001</a></strong></td>
        <td><a href="before-after-table-parts-001-ref.xht">=</a> </td>
        <td></td>
        <td>generated content
        </td>
      </tr>
      <tr id="before-content-display-001-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-001.xht">before-content-display-001</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display inline
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-002-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-002.xht">before-content-display-002</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display block
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-003-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-003.xht">before-content-display-003</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display list-item
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-005-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-005.xht">before-content-display-005</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display inline-block
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-006-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-006.xht">before-content-display-006</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display table
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-007-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-007.xht">before-content-display-007</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display inline-table
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-008-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-008.xht">before-content-display-008</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display table-row-group
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-009-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-009.xht">before-content-display-009</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display table-header-group
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-010-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-010.xht">before-content-display-010</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display table-footer-group
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-011-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-011.xht">before-content-display-011</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display table-row
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-012-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-012.xht">before-content-display-012</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display table-column-group
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-013-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-013.xht">before-content-display-013</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display table-column
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-014-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-014.xht">before-content-display-014</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display table-cell
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-015-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-015.xht">before-content-display-015</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display table-caption
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-016-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-016.xht">before-content-display-016</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display none
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-017-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-017.xht">before-content-display-017</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - display inherit
          <ul class="assert">
            <li>Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-content-display-018-12.1" class="primary">
        <td><strong>
            <a href="before-content-display-018.xht">before-content-display-018</a></strong></td>
        <td></td>
        <td></td>
        <td>:before generated content - initial value of display
          <ul class="assert">
            <li>The initial value of the 'display' for generated content property is 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-inheritable-001-12.1" class="primary">
        <td><strong>
            <a href="before-inheritable-001.xht">before-inheritable-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Pseudo-element ':before' inherits inheritable values
          <ul class="assert">
            <li>The pseudo-element ':before' generated content inherits any inheritable properties from the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-inheritable-002-12.1" class="primary">
        <td><strong>
            <a href="before-inheritable-002.xht">before-inheritable-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Pseudo-element ':before' does not inherit non-inheritable values
          <ul class="assert">
            <li>Non-inherited properties apply the initial value when applying to ':before'.</li>
          </ul>
        </td>
      </tr>
      <tr id="before-location-001-12.1" class="primary">
        <td><strong>
            <a href="before-location-001.xht">before-location-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Before applies before text
          <ul class="assert">
            <li>Before places generated content before the element content.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-010-12.1" class="">
        <td>
            <a href="list-style-position-010.xht">list-style-position-010</a></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - :before pseudo-element list-item ('list-style-position:inside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. The presence of the :before pseudo element in this context, must have no affect on the position of the marker box of the associated element as it must still appear to the outside left edge of it's own principal box (since 'list-style-position:outside').</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-011-12.1" class="">
        <td>
            <a href="list-style-position-011.xht">list-style-position-011</a></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - :before pseudo-element list-item ('list-style-position:outside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. Since the marker box of the associated element must be the first inline element within it's principal box (since 'list-style-position:inside'), that marker box must appear before the marker box and principal box of the :before pseudo-element.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-012-12.1" class="">
        <td>
            <a href="list-style-position-012.xht">list-style-position-012</a></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - :before pseudo-element list-item ('list-style-position:inside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. Since the marker box of the associated element must be the first inline element within it's principal box (since 'list-style-position:inside'), that marker box must appear before the marker box and principal box of the :before pseudo-element.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-013-12.1" class="">
        <td>
            <a href="list-style-position-013.xht">list-style-position-013</a></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - :before pseudo-element list-item ('list-style-position:outside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. The position of the marker box of the associated element must still appear to the outside left edge of it's principal box (since 'list-style-position:outside') and should be positioned towards the top of this principal box. Since the marker box of the :before pseudo element should be positioned at the same coordinate as the associated element's marker box, either bullet could appear in front of the other (since stacking levels of marker boxes aren't defined in CSS2.1, in this context).</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-014-12.1" class="">
        <td>
            <a href="list-style-position-014.xht">list-style-position-014</a></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - floated :before pseudo-element list-item ('list-style-position:inside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since this :before pseudo element is floated left, the document tree content of the associated element must appear alongside (after) this :before pseudo element. The position of the marker box of the associated element must not be affected, as it must still appear to the outside left edge of it's principal box (since 'list-style-position:outside').</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-015-12.1" class="">
        <td>
            <a href="list-style-position-015.xht">list-style-position-015</a></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - floated :before pseudo-element list-item ('list-style-position:outside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). Since this :before pseudo element is floated left, the principal box (and marker box, since 'list-style-position:inside') of the associated element must appear alongside (after) this :before pseudo element. The position of the marker box of the :before pseudo element must still appear to the outside left edge of it's associated element's principal box (since 'list-style-position:outside').</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-016-12.1" class="">
        <td>
            <a href="list-style-position-016.xht">list-style-position-016</a></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - floated :before pseudo-element list-item ('list-style-position:inside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since the :before pseudo element is floated left, the principal box (and marker box, since 'list-style-position:inside') of the associated element must appear alongside (after) the :before pseudo element.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-017-12.1" class="">
        <td>
            <a href="list-style-position-017.xht">list-style-position-017</a></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - floated :before pseudo-element list-item ('list-style-position:outside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since the :before pseudo element is floated left, The document tree content of the associated element must appear alongside (after) the :before pseudo element. Since the marker box of the :before pseudo element should be positioned at the same coordinate as the associated element's marker box, either bullet could appear in front of the other (since stacking levels of marker boxes aren't defined in CSS2.1, in this context).</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s12.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#content">12.2 The 'content' property
</a></th></tr>
      <!-- 166 tests -->
      <tr id="before-after-011-12.2" class="primary">
        <td><strong>
            <a href="before-after-011.xht">before-after-011</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS table model and generated content: Basics
        </td>
      </tr>
      <tr id="before-after-dynamic-attr-001-12.2" class="primary dom">
        <td><strong>
            <a href="before-after-dynamic-attr-001.xht">before-after-dynamic-attr-001</a></strong></td>
        <td><a href="before-after-dynamic-attr-001-ref.xht">=</a> </td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>generated content
        </td>
      </tr>
      <tr id="before-after-dynamic-restyle-001-12.2" class="primary dom">
        <td><strong>
            <a href="before-after-dynamic-restyle-001.xht">before-after-dynamic-restyle-001</a></strong></td>
        <td><a href="before-after-dynamic-restyle-001-ref.xht">=</a> </td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>generated content
        </td>
      </tr>
      <tr id="before-after-images-001-12.2" class="primary">
        <td><strong>
            <a href="before-after-images-001.xht">before-after-images-001</a></strong></td>
        <td><a href="before-after-images-001-ref.xht">=</a> </td>
        <td></td>
        <td>generated content
        </td>
      </tr>
      <tr id="before-after-table-whitespace-001-12.2" class="primary">
        <td><strong>
            <a href="before-after-table-whitespace-001.xht">before-after-table-whitespace-001</a></strong></td>
        <td><a href="before-after-table-whitespace-001-ref.xht">=</a> </td>
        <td></td>
        <td>generated content
        </td>
      </tr>
      <tr id="bidi-generated-content-001-12.2" class="primary">
        <td><strong>
            <a href="bidi-generated-content-001.xht">bidi-generated-content-001</a></strong></td>
        <td></td>
        <td></td>
        <td>content: with character forced bidi - rlo
          <ul class="assert">
            <li>A right-to-left override should be applied when u+202E is inserted through the content property</li>
          </ul>
        </td>
      </tr>
      <tr id="bidi-generated-content-002-12.2" class="">
        <td>
            <a href="bidi-generated-content-002.xht">bidi-generated-content-002</a></td>
        <td></td>
        <td></td>
        <td>content: with character forced bidi - lro
          <ul class="assert">
            <li>A left-to-right override should be correctly applied when inserted through the content property</li>
          </ul>
        </td>
      </tr>
      <tr id="content-001-12.2" class="primary">
        <td><strong>
            <a href="content-001.xht">content-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with the value of 'none'
          <ul class="assert">
            <li>The 'content' property properly handles a value of 'none'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-002-12.2" class="primary">
        <td><strong>
            <a href="content-002.xht">content-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with the value of 'normal'
          <ul class="assert">
            <li>The 'content' property properly handles a value of 'normal'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-003-12.2" class="primary">
        <td><strong>
            <a href="content-003.xht">content-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a string as the value
          <ul class="assert">
            <li>The 'content' property properly handles a string as a value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-004-12.2" class="primary image">
        <td><strong>
            <a href="content-004.xht">content-004</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Content with a url() to an image as a value
          <ul class="assert">
            <li>The 'content' property properly handles the 'url()' function as a value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-005-12.2" class="primary">
        <td><strong>
            <a href="content-005.xht">content-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'counter()' function as a value
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function as a value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-006-12.2" class="primary">
        <td><strong>
            <a href="content-006.xht">content-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'disc'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-007-12.2" class="primary">
        <td><strong>
            <a href="content-007.xht">content-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'circle'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-008-12.2" class="primary">
        <td><strong>
            <a href="content-008.xht">content-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'square'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-009-12.2" class="primary">
        <td><strong>
            <a href="content-009.xht">content-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'decimal'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-010-12.2" class="primary">
        <td><strong>
            <a href="content-010.xht">content-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'decimal-leading-zero'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-011-12.2" class="primary">
        <td><strong>
            <a href="content-011.xht">content-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'lower-roman'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-012-12.2" class="primary">
        <td><strong>
            <a href="content-012.xht">content-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'upper-roman'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-013-12.2" class="primary">
        <td><strong>
            <a href="content-013.xht">content-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'lower-greek'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-014-12.2" class="primary">
        <td><strong>
            <a href="content-014.xht">content-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'lower-latin'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-015-12.2" class="primary">
        <td><strong>
            <a href="content-015.xht">content-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'upper-latin'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-016-12.2" class="primary">
        <td><strong>
            <a href="content-016.xht">content-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'armenian'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-017-12.2" class="primary">
        <td><strong>
            <a href="content-017.xht">content-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'georgian'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-018-12.2" class="primary">
        <td><strong>
            <a href="content-018.xht">content-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'lower-alpha'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-019-12.2" class="primary">
        <td><strong>
            <a href="content-019.xht">content-019</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'upper-alpha'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-020-12.2" class="primary">
        <td><strong>
            <a href="content-020.xht">content-020</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counter()' function with a list style set to 'none'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counter()' function with a list-style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-021-12.2" class="primary">
        <td><strong>
            <a href="content-021.xht">content-021</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string value
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-022-12.2" class="primary">
        <td><strong>
            <a href="content-022.xht">content-022</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'disc'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-023-12.2" class="primary">
        <td><strong>
            <a href="content-023.xht">content-023</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'circle'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-024-12.2" class="primary">
        <td><strong>
            <a href="content-024.xht">content-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'square'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-025-12.2" class="primary">
        <td><strong>
            <a href="content-025.xht">content-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'decimal'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-026-12.2" class="primary">
        <td><strong>
            <a href="content-026.xht">content-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'decimal-leading-zero'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-027-12.2" class="primary">
        <td><strong>
            <a href="content-027.xht">content-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'lower-roman'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-028-12.2" class="primary">
        <td><strong>
            <a href="content-028.xht">content-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'upper-roman'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-029-12.2" class="primary">
        <td><strong>
            <a href="content-029.xht">content-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'lower-greek'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-030-12.2" class="primary">
        <td><strong>
            <a href="content-030.xht">content-030</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'lower-latin'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-031-12.2" class="primary">
        <td><strong>
            <a href="content-031.xht">content-031</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'upper-latin'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-032-12.2" class="primary">
        <td><strong>
            <a href="content-032.xht">content-032</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'armenian'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-033-12.2" class="primary">
        <td><strong>
            <a href="content-033.xht">content-033</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'georgian'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-034-12.2" class="primary">
        <td><strong>
            <a href="content-034.xht">content-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'lower-alpha'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-035-12.2" class="primary">
        <td><strong>
            <a href="content-035.xht">content-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'upper-alpha'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-036-12.2" class="primary">
        <td><strong>
            <a href="content-036.xht">content-036</a></strong></td>
        <td></td>
        <td></td>
        <td>Content using a 'counters()' function with a string and a list style set to 'none'
          <ul class="assert">
            <li>The 'content' property properly handles a 'counters()' function with a string and a list style.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-037-12.2" class="primary">
        <td><strong>
            <a href="content-037.xht">content-037</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'abbr'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'abbr'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-038-12.2" class="primary">
        <td><strong>
            <a href="content-038.xht">content-038</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'accept-charset'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'accept-charset'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-039-12.2" class="primary">
        <td><strong>
            <a href="content-039.xht">content-039</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'accept'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'accept'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-040-12.2" class="primary">
        <td><strong>
            <a href="content-040.xht">content-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'accesskey'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'accesskey'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-041-12.2" class="primary">
        <td><strong>
            <a href="content-041.xht">content-041</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'action'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'action'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-042-12.2" class="primary">
        <td><strong>
            <a href="content-042.xht">content-042</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'align'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'align'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-043-12.2" class="primary">
        <td><strong>
            <a href="content-043.xht">content-043</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'alink'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'alink'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-046-12.2" class="primary">
        <td><strong>
            <a href="content-046.xht">content-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'axis'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'axis'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-047-12.2" class="primary">
        <td><strong>
            <a href="content-047.xht">content-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'background'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'background'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-048-12.2" class="primary">
        <td><strong>
            <a href="content-048.xht">content-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'bgcolor'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'bgcolor'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-049-12.2" class="primary">
        <td><strong>
            <a href="content-049.xht">content-049</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'border'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'border'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-050-12.2" class="primary">
        <td><strong>
            <a href="content-050.xht">content-050</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'cellpadding'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'cellpadding'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-051-12.2" class="primary">
        <td><strong>
            <a href="content-051.xht">content-051</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'cellspacing'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'cellspacing'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-052-12.2" class="primary">
        <td><strong>
            <a href="content-052.xht">content-052</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'char'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'char'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-053-12.2" class="primary">
        <td><strong>
            <a href="content-053.xht">content-053</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'charoff'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'charoff'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-054-12.2" class="primary">
        <td><strong>
            <a href="content-054.xht">content-054</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'charset'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'charset'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-056-12.2" class="primary">
        <td><strong>
            <a href="content-056.xht">content-056</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'cite'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'cite'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-057-12.2" class="primary">
        <td><strong>
            <a href="content-057.xht">content-057</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'class'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'class'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-063-12.2" class="primary">
        <td><strong>
            <a href="content-063.xht">content-063</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'color'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'color'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-065-12.2" class="primary">
        <td><strong>
            <a href="content-065.xht">content-065</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'colspan'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'colspan'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-067-12.2" class="primary">
        <td><strong>
            <a href="content-067.xht">content-067</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'content'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'content'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-068-12.2" class="primary">
        <td><strong>
            <a href="content-068.xht">content-068</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'coords'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'coords'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-070-12.2" class="primary">
        <td><strong>
            <a href="content-070.xht">content-070</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'datetime'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'datetime'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-072-12.2" class="primary">
        <td><strong>
            <a href="content-072.xht">content-072</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'defer'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'defer'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-073-12.2" class="primary">
        <td><strong>
            <a href="content-073.xht">content-073</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'dir'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'dir'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-075-12.2" class="primary">
        <td><strong>
            <a href="content-075.xht">content-075</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'enctype'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'enctype'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-076-12.2" class="primary">
        <td><strong>
            <a href="content-076.xht">content-076</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'face'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'face'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-077-12.2" class="primary">
        <td><strong>
            <a href="content-077.xht">content-077</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'for'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'for'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-078-12.2" class="primary">
        <td><strong>
            <a href="content-078.xht">content-078</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'frame'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'frame'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-080-12.2" class="primary">
        <td><strong>
            <a href="content-080.xht">content-080</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'headers'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'headers'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-082-12.2" class="primary">
        <td><strong>
            <a href="content-082.xht">content-082</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'href'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'href'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-083-12.2" class="primary">
        <td><strong>
            <a href="content-083.xht">content-083</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'hreflang'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'hreflang'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-085-12.2" class="primary">
        <td><strong>
            <a href="content-085.xht">content-085</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'http-equiv'
          <ul class="assert">
            <li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'http-equiv'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-086-12.2" class="primary">
        <td><strong>
            <a href="content-086.xht">content-086</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'id'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'id'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-089-12.2" class="primary">
        <td><strong>
            <a href="content-089.xht">content-089</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'lang'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'lang'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-096-12.2" class="primary">
        <td><strong>
            <a href="content-096.xht">content-096</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'media'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'media'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-097-12.2" class="primary">
        <td><strong>
            <a href="content-097.xht">content-097</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'method'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'method'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-099-12.2" class="primary">
        <td><strong>
            <a href="content-099.xht">content-099</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'name'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'name'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-100-12.2" class="primary">
        <td><strong>
            <a href="content-100.xht">content-100</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'nohref'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'nohref'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-103-12.2" class="primary">
        <td><strong>
            <a href="content-103.xht">content-103</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'nowrap'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'nowrap'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-105-12.2" class="primary dom">
        <td><strong>
            <a href="content-105.xht">content-105</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onblur'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onblur'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-107-12.2" class="primary dom">
        <td><strong>
            <a href="content-107.xht">content-107</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onclick'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onclick'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-108-12.2" class="primary dom">
        <td><strong>
            <a href="content-108.xht">content-108</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'ondblclick'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'ondblclick'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-109-12.2" class="primary dom">
        <td><strong>
            <a href="content-109.xht">content-109</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onfocus'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onfocus'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-110-12.2" class="primary dom">
        <td><strong>
            <a href="content-110.xht">content-110</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onkeydown'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onkeydown'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-111-12.2" class="primary dom">
        <td><strong>
            <a href="content-111.xht">content-111</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onkeypress'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onkeypress'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-112-12.2" class="primary dom">
        <td><strong>
            <a href="content-112.xht">content-112</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onkeyup'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onkeyup'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-113-12.2" class="primary dom">
        <td><strong>
            <a href="content-113.xht">content-113</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onload'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onload'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-114-12.2" class="primary dom">
        <td><strong>
            <a href="content-114.xht">content-114</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onmousedown'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onmousedown'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-115-12.2" class="primary dom">
        <td><strong>
            <a href="content-115.xht">content-115</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onmousemove'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onmousemove'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-116-12.2" class="primary dom">
        <td><strong>
            <a href="content-116.xht">content-116</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onmouseout'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onmouseout'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-117-12.2" class="primary dom">
        <td><strong>
            <a href="content-117.xht">content-117</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onmouseover'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onmouseover'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-118-12.2" class="primary dom">
        <td><strong>
            <a href="content-118.xht">content-118</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onmouseup'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onmouseup'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-119-12.2" class="primary dom">
        <td><strong>
            <a href="content-119.xht">content-119</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onreset'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onreset'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-121-12.2" class="primary dom">
        <td><strong>
            <a href="content-121.xht">content-121</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onsubmit'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onsubmit'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-122-12.2" class="primary dom">
        <td><strong>
            <a href="content-122.xht">content-122</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Content with a 'attr()' function as a value selecting 'onunload'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'onunload'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-123-12.2" class="primary">
        <td><strong>
            <a href="content-123.xht">content-123</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'profile'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'profile'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-126-12.2" class="primary">
        <td><strong>
            <a href="content-126.xht">content-126</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'rel'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'rel'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-127-12.2" class="primary">
        <td><strong>
            <a href="content-127.xht">content-127</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'rev'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'rev'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-129-12.2" class="primary">
        <td><strong>
            <a href="content-129.xht">content-129</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'rowspan'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'rowspan'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-130-12.2" class="primary">
        <td><strong>
            <a href="content-130.xht">content-130</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'rules'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'rules'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-131-12.2" class="primary">
        <td><strong>
            <a href="content-131.xht">content-131</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'scheme'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'scheme'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-132-12.2" class="primary">
        <td><strong>
            <a href="content-132.xht">content-132</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'scope'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'scope'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-135-12.2" class="primary">
        <td><strong>
            <a href="content-135.xht">content-135</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'shape'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'shape'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-136-12.2" class="primary">
        <td><strong>
            <a href="content-136.xht">content-136</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'size'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'size'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-138-12.2" class="primary">
        <td><strong>
            <a href="content-138.xht">content-138</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'src'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'src'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-140-12.2" class="primary">
        <td><strong>
            <a href="content-140.xht">content-140</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'start'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'start'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-141-12.2" class="primary">
        <td><strong>
            <a href="content-141.xht">content-141</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'style'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'style'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-142-12.2" class="primary">
        <td><strong>
            <a href="content-142.xht">content-142</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'summary'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'summary'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-143-12.2" class="primary">
        <td><strong>
            <a href="content-143.xht">content-143</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'tabindex'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'tabindex'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-144-12.2" class="primary">
        <td><strong>
            <a href="content-144.xht">content-144</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'target'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'target'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-145-12.2" class="primary">
        <td><strong>
            <a href="content-145.xht">content-145</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'text'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'text'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-146-12.2" class="primary">
        <td><strong>
            <a href="content-146.xht">content-146</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'title'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'title'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-147-12.2" class="primary">
        <td><strong>
            <a href="content-147.xht">content-147</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'type'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'type'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-150-12.2" class="primary">
        <td><strong>
            <a href="content-150.xht">content-150</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'value'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'value'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-151-12.2" class="primary">
        <td><strong>
            <a href="content-151.xht">content-151</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'valuetype'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'valuetype'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-152-12.2" class="primary">
        <td><strong>
            <a href="content-152.xht">content-152</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'version'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'version'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-155-12.2" class="primary">
        <td><strong>
            <a href="content-155.xht">content-155</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with a 'attr()' function as a value selecting 'width'
          <ul class="assert">
            <li>The 'content' property properly handles the 'attr()' function when calling the attribute 'width'.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-156-12.2" class="primary">
        <td><strong>
            <a href="content-156.xht">content-156</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with the value of 'open-quote'
          <ul class="assert">
            <li>The 'content' property properly handles an 'open-quote' value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-157-12.2" class="primary">
        <td><strong>
            <a href="content-157.xht">content-157</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with the value of 'close-quote'
          <ul class="assert">
            <li>The 'content' property properly handles a 'close-quote' value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-158-12.2" class="primary">
        <td><strong>
            <a href="content-158.xht">content-158</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with the value of 'no-open-quote'
          <ul class="assert">
            <li>The 'content' property properly handles a 'no-open-quote' value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-159-12.2" class="primary">
        <td><strong>
            <a href="content-159.xht">content-159</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with the value of 'no-close-quote'
          <ul class="assert">
            <li>The 'content' property properly handles a 'no-close-quote' value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-160-12.2" class="primary">
        <td><strong>
            <a href="content-160.xht">content-160</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with the value of 'inherit'
          <ul class="assert">
            <li>The 'content' property correctly handles an 'inherit' value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-applies-to-001-12.2" class="primary">
        <td><strong>
            <a href="content-applies-to-001.xht">content-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Content property works only with :before and :after
          <ul class="assert">
            <li>Content property only works in conjunction with the :before and :after pseudo-elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-attr-001-12.2" class="primary">
        <td><strong>
            <a href="content-attr-001.xht">content-attr-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Content property missing attr(x)
          <ul class="assert">
            <li>If attribute (x) does not exist then an empty string is returned for the attr(x) value.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-attr-case-002-12.2" class="primary nonHTML">
        <td><strong>
            <a href="content-attr-case-002.xht">content-attr-case-002</a></strong></td>
        <td></td>
        <td></td>
        <td>content attr(x) case sensitivity
          <ul class="assert">
            <li>Verify in XHTML that attr(x) does not select the attribute when the case does not match</li>
          </ul>
        </td>
      </tr>
      <tr id="content-auto-reset-001-12.2" class="primary">
        <td><strong>
            <a href="content-auto-reset-001.xht">content-auto-reset-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Content property on out of scope counter
          <ul class="assert">
            <li>If content refers to a counter that is not in scope, it is assumed that a counter-reset has occurred and the counter is reset to zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-newline-001-12.2" class="primary">
        <td><strong>
            <a href="content-newline-001.xht">content-newline-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Content property \A creates newline
          <ul class="assert">
            <li>A '\A' creates a newline for strings in the content property.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-uri-001-12.2" class="primary image">
        <td><strong>
            <a href="content-uri-001.xht">content-uri-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Content property with missing image
          <ul class="assert">
            <li>When the URI resource cannot be displayed the user agent needs to leave it out or display some indication that the resource cannot be displayed.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-white-space-001-12.2" class="primary">
        <td><strong>
            <a href="content-white-space-001.xht">content-white-space-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Content property and white-space: pre-line
          <ul class="assert">
            <li>'white-space: pre-line' applies to generated string content.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-white-space-002-12.2" class="primary">
        <td><strong>
            <a href="content-white-space-002.xht">content-white-space-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Content property and white-space: pre
          <ul class="assert">
            <li>'white-space: pre' applies to generated string content.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-white-space-003-12.2" class="primary">
        <td><strong>
            <a href="content-white-space-003.xht">content-white-space-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Content property and white-space: nowrap
          <ul class="assert">
            <li>'white-space: nowrap' applies to generated string content.</li>
          </ul>
        </td>
      </tr>
      <tr id="content-white-space-004-12.2" class="primary">
        <td><strong>
            <a href="content-white-space-004.xht">content-white-space-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Content property and white-space: nowrap
          <ul class="assert">
            <li>'white-space: normal' applies to generated string content.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-auto-reset-001-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-auto-reset-001.xht">counter-increment-auto-reset-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment on out of scope counter
          <ul class="assert">
            <li>If a counter-increment refers to counter that is not in scope it assumes that a counter-reset has occurred and resets back to zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-display-001-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-display-001.xht">counter-increment-display-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment only on 'display: none' element
          <ul class="assert">
            <li>An element that is set to 'display: none' does not increment or create a counter.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-display-002-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-display-002.xht">counter-increment-display-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment on 'display: none' element
          <ul class="assert">
            <li>An element that is set to 'display: none' does not increment counters.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-display-003-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-display-003.xht">counter-increment-display-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment on pseudo-element and 'display: none' on element
          <ul class="assert">
            <li>An element that is set to 'display: none' does not increment counters when increment is on the pseudo-element.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-display-004-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-display-004.xht">counter-increment-display-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment on pseudo-element, 'display: none' on element and parent with counter-reset
          <ul class="assert">
            <li>An element that is set to 'display: none' does not increment counters when increment is on the pseudo-element.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-multiple-001-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-multiple-001.xht">counter-increment-multiple-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Multiple counter-increment before counter use
          <ul class="assert">
            <li>If multiple increments are specified on the same counter then all of them occur in the order specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-not-generated-001-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-not-generated-001.xht">counter-increment-not-generated-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment on pseudo-element that is not generated
          <ul class="assert">
            <li>Pseudo-elements that are not generated do not increment counters.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-visibility-001-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-visibility-001.xht">counter-increment-visibility-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment only on 'visibility: hidden' element
          <ul class="assert">
            <li>An element that is set to 'visibility: hidden' does increment and can create a counter.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-visibility-002-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-visibility-002.xht">counter-increment-visibility-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment on 'visibility: hidden' element
          <ul class="assert">
            <li>An element that is set to 'visibility: hidden' does increment counters.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-visibility-003-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-visibility-003.xht">counter-increment-visibility-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment on pseudo-element and 'visibility: hidden' on element
          <ul class="assert">
            <li>An element that is set to 'visibility: hidden' does increment counters when increment is on the pseudo-element.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-visibility-004-12.2" class="primary">
        <td><strong>
            <a href="counter-increment-visibility-004.xht">counter-increment-visibility-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment on pseudo-element, 'visibility: hidden' on element and parent with counter-reset
          <ul class="assert">
            <li>An element that is set to 'visibility: hidden' does increment counters when increment is on the pseudo-element.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-display-001-12.2" class="primary">
        <td><strong>
            <a href="counter-reset-display-001.xht">counter-reset-display-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset on 'display: none' element
          <ul class="assert">
            <li>An element that is set to 'display: none' does not reset counters.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-increment-001-12.2" class="primary">
        <td><strong>
            <a href="counter-reset-increment-001.xht">counter-reset-increment-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset before 'counter-increment' before 'counter' use
          <ul class="assert">
            <li>When both reset and increment are present that the reset occurs first and the increment second.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-multiple-001-12.2" class="primary">
        <td><strong>
            <a href="counter-reset-multiple-001.xht">counter-reset-multiple-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Multiple 'counter-reset' before 'counter' use
          <ul class="assert">
            <li>If multiple resets are specified on the same 'counter' then all of them occur in the order specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-not-generated-001-12.2" class="primary">
        <td><strong>
            <a href="counter-reset-not-generated-001.xht">counter-reset-not-generated-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset on pseudo-element that is not generated
          <ul class="assert">
            <li>Pseudo-elements that are not generated do not reset counters.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-visibility-001-12.2" class="primary">
        <td><strong>
            <a href="counter-reset-visibility-001.xht">counter-reset-visibility-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset on visibility: hidden element
          <ul class="assert">
            <li>Elements that are set to 'visibility: hidden' reset counters.</li>
          </ul>
        </td>
      </tr>
      <tr id="increment-counter-001-12.2" class="primary">
        <td><strong>
            <a href="increment-counter-001.xht">increment-counter-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment before 'counter' use
          <ul class="assert">
            <li>A counter is used after an increment.</li>
          </ul>
        </td>
      </tr>
      <tr id="multiple-content-values-001-12.2" class="primary">
        <td><strong>
            <a href="multiple-content-values-001.xht">multiple-content-values-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Content with multiple content values
          <ul class="assert">
            <li>When 'content' property values produce no visual effect or are invalid in the current context the other 'content' property values still apply.</li>
          </ul>
        </td>
      </tr>
      <tr id="other-attribute-001-12.2" class="primary">
        <td><strong>
            <a href="other-attribute-001.xht">other-attribute-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Function 'attr()' referencing another elements attribute data
          <ul class="assert">
            <li>The 'attr()' function can only retrieve data from the same element that is called from.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-negative-001-12.2" class="primary">
        <td><strong>
            <a href="quotes-negative-001.xht">quotes-negative-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with negative depth
          <ul class="assert">
            <li>When a 'close-quote' makes the depth negative then depth stays at 0. Insertion of a quote does not occur but the remainder of the content string is inserted.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-page-001-12.2" class="primary">
        <td><strong>
            <a href="quotes-page-001.xht">quotes-page-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes not affected by page level quotes
          <ul class="assert">
            <li>The page content quotes do not affect the depth of generated quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-repeat-001-12.2" class="primary">
        <td><strong>
            <a href="quotes-repeat-001.xht">quotes-repeat-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Quote depth exceeded
          <ul class="assert">
            <li>If the depth of the 'quotes' is more than the defined pairs then repeat the last set of pair.</li>
          </ul>
        </td>
      </tr>
      <tr id="reset-counter-001-12.2" class="primary">
        <td><strong>
            <a href="reset-counter-001.xht">reset-counter-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset before counter use
          <ul class="assert">
            <li>Counter is used after a reset.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s12.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#quotes">12.3 Quotation marks
</a></th></tr>
      <!-- 3 tests -->
      <tr id="quotes-035-12.3" class="primary should">
        <td><strong>
            <a href="quotes-035.xht">quotes-035</a></strong></td>
        <td><a href="quotes-035-ref.xht">=</a> </td>
        <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>CSS and Quotes: Counting Right (Slightly Simpler Version)
        </td>
      </tr>
      <tr id="quotes-035a-12.3" class="primary">
        <td><strong>
            <a href="quotes-035a.xht">quotes-035a</a></strong></td>
        <td><a href="quotes-035-ref.xht">=</a> </td>
        <td></td>
        <td>CSS and Quotes: Counting Right (Slightly Simpler Version)
        </td>
      </tr>
      <tr id="quotes-036-12.3" class="primary may">
        <td><strong>
            <a href="quotes-036.xht">quotes-036</a></strong></td>
        <td><a href="quotes-035-ref.xht">=</a> </td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>CSS and Quotes: Counting Right (Evil Version)
        </td>
      </tr>
    </tbody>
    <tbody id="s12.3.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.3.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify">12.3.1 Specifying quotes with the 'quotes' property
</a></th></tr>
      <!-- 48 tests -->
      <tr id="quotes-001-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-001.xht">quotes-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with two values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying only one set of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-002-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-002.xht">quotes-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with four values
          <ul class="assert">
            <li>The 'quotes' property handles specifying two sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-003-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-003.xht">quotes-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with six values
          <ul class="assert">
            <li>The 'quotes' property handles specifying three sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-004-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-004.xht">quotes-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with eight values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying four sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-005-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-005.xht">quotes-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with ten values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying five sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-006-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-006.xht">quotes-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with twelve values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying six sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-007-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-007.xht">quotes-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with fourteen values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying seven sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-008-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-008.xht">quotes-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with sixteen values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying eight sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-009-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-009.xht">quotes-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with eighteen values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying nine sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-010-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-010.xht">quotes-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with twenty values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying ten sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-011-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-011.xht">quotes-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with twenty-two values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying eleven sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-012-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-012.xht">quotes-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with twenty-four values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twelve sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-013-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-013.xht">quotes-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with twenty-six values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying thirteen sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-014-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-014.xht">quotes-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with twenty-eight values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying fourteen sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-015-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-015.xht">quotes-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with thirty values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying fifteen sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-016-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-016.xht">quotes-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with thirty-two values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying sixteen sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-017-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-017.xht">quotes-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with thirty-four values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying seventeen sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-018-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-018.xht">quotes-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with thirty-six values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying eighteen sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-019-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-019.xht">quotes-019</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with thirty-eight values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying nineteen sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-020-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-020.xht">quotes-020</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with forty values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-021-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-021.xht">quotes-021</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with forty-two values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty-one sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-022-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-022.xht">quotes-022</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with forty-four values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty-two sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-023-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-023.xht">quotes-023</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with forty-six values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty-three sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-024-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-024.xht">quotes-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with forty-eight values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty-four sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-025-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-025.xht">quotes-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with fifty values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty-five sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-026-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-026.xht">quotes-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with fifty-two values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty-six sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-027-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-027.xht">quotes-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with fifty-four values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty-seven sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-028-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-028.xht">quotes-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with fifty-six values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty-eight sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-029-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-029.xht">quotes-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with fifty-eight values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying twenty-nine sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-030-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-030.xht">quotes-030</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with sixty values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying thirty sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-031-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-031.xht">quotes-031</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with sixty-two values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying thirty-one sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-032-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-032.xht">quotes-032</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with sixty-four values
          <ul class="assert">
            <li>Verify that quotes is supported when specifying thirty-two sets of quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-033-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-033.xht">quotes-033</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes with a value of 'none'
          <ul class="assert">
            <li>The 'quotes' property set to 'none' does not allow quotes to be generated.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-034-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-034.xht">quotes-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes set to 'inherit'
          <ul class="assert">
            <li>The quotes property set to 'inherit' correctly inherits the value from the patent element.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-001-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-001.xht">quotes-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-002-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-002.xht">quotes-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-003-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-003.xht">quotes-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-004-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-004.xht">quotes-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-005-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-005.xht">quotes-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'quotes' property does not apply to elements with a 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-006-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-006.xht">quotes-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'quotes' property does not apply to elements with a 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-007-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-007.xht">quotes-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-008-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-008.xht">quotes-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-009-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-009.xht">quotes-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-010-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-010.xht">quotes-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-012-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-012.xht">quotes-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-013-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-013.xht">quotes-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-014-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-014.xht">quotes-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="quotes-applies-to-015-12.3.1" class="primary">
        <td><strong>
            <a href="quotes-applies-to-015.xht">quotes-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Quotes applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'quotes' property applies to elements with a 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s12.3.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.3.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#quotes-insert">12.3.2 Inserting quotes with the 'content' property
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s12.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#counters">12.4 Automatic counters and numbering
</a></th></tr>
      <!-- 159 tests -->
      <tr id="counter-increment-000-12.4" class="primary dom">
        <td><strong>
            <a href="counter-increment-000.xht">counter-increment-000</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>dynamic changes to 'counter-increment'
        </td>
      </tr>
      <tr id="counter-increment-001-12.4" class="primary dom">
        <td><strong>
            <a href="counter-increment-001.xht">counter-increment-001</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>dynamic changes to 'counter-increment'
        </td>
      </tr>
      <tr id="counter-increment-002-12.4" class="primary dom">
        <td><strong>
            <a href="counter-increment-002.xht">counter-increment-002</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>dynamic changes to 'counter-increment'
        </td>
      </tr>
      <tr id="counter-increment-003-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-003.xht">counter-increment-003</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum value, ident -2147483648
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-004-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-004.xht">counter-increment-004</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum plus one value, ident -2147483647
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum plus one value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-005-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-005.xht">counter-increment-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to negative zero, ident -0
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to negative zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-006-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-006.xht">counter-increment-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to zero, ident 0
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-007-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-007.xht">counter-increment-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to positive zero, ident +0
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to positive zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-008-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-008.xht">counter-increment-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to nominal value, ident 10
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-009-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-009.xht">counter-increment-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to a positive nominal value, ident +10
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and a positive integer value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-010-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-010.xht">counter-increment-010</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-011-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-011.xht">counter-increment-011</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-012-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-012.xht">counter-increment-012</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-013-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-013.xht">counter-increment-013</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-014-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-014.xht">counter-increment-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with only an identifier, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with only an identifier, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-015-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-015.xht">counter-increment-015</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-016-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-016.xht">counter-increment-016</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum value, ident -2147483648, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-017-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-017.xht">counter-increment-017</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum plus one value, ident -2147483647, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum plus one value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-018-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-018.xht">counter-increment-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to negative zero, ident -0, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to negative zero, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-019-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-019.xht">counter-increment-019</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to zero, ident 0, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to zero, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-020-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-020.xht">counter-increment-020</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to positive zero, ident +0, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to positive zero, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-021-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-021.xht">counter-increment-021</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to nominal value, ident 10, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-022-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-022.xht">counter-increment-022</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to a positive nominal value, ident +10, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and a positive integer value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-023-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-023.xht">counter-increment-023</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-024-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-024.xht">counter-increment-024</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-025-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-025.xht">counter-increment-025</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-026-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-026.xht">counter-increment-026</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped twice
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-027-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-027.xht">counter-increment-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with only an identifier, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with only an identifier, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-028-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-028.xht">counter-increment-028</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-029-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-029.xht">counter-increment-029</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum value, ident -2147483648, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-030-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-030.xht">counter-increment-030</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-031-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-031.xht">counter-increment-031</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to negative zero, ident -0, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to negative zero, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-032-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-032.xht">counter-increment-032</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to zero, ident 0, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to zero, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-033-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-033.xht">counter-increment-033</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to positive zero, ident +0, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to positive zero, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-034-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-034.xht">counter-increment-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to nominal value, ident 10, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-035-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-035.xht">counter-increment-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to a positive nominal value, ident +10, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and a positive integer value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-036-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-036.xht">counter-increment-036</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-037-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-037.xht">counter-increment-037</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-038-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-038.xht">counter-increment-038</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-039-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-039.xht">counter-increment-039</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped three times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-040-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-040.xht">counter-increment-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with only an identifier, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with only an identifier, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-041-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-041.xht">counter-increment-041</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-042-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-042.xht">counter-increment-042</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum value, ident -2147483648, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-043-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-043.xht">counter-increment-043</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-044-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-044.xht">counter-increment-044</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to negative zero, ident -0, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to negative zero, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-045-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-045.xht">counter-increment-045</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to zero, ident 0, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to zero, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-046-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-046.xht">counter-increment-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to positive zero, ident +0, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value set to positive zero, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-047-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-047.xht">counter-increment-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to nominal value, ident 10, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-048-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-048.xht">counter-increment-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with an identifier and a number set to a positive nominal value, ident +10, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and a positive integer value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-049-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-049.xht">counter-increment-049</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-050-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-050.xht">counter-increment-050</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-051-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-051.xht">counter-increment-051</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-052-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-052.xht">counter-increment-052</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-053-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-053.xht">counter-increment-053</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with the value 'none'
          <ul class="assert">
            <li>The counter-increment set to 'none' does not increment counter.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-054-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-054.xht">counter-increment-054</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with a value of inherit
          <ul class="assert">
            <li>The counter-increment with the value inherit specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-055-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-055.xht">counter-increment-055</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment with only an identifier
          <ul class="assert">
            <li>The 'counter-increment' property with only an identifier.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-056-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-increment-056.xht">counter-increment-056</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649
          <ul class="assert">
            <li>The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-001-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-001.xht">counter-increment-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-002-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-002.xht">counter-increment-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-003-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-003.xht">counter-increment-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-004-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-004.xht">counter-increment-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with display table-row
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a display of table-row.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-005-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-005.xht">counter-increment-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-006-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-006.xht">counter-increment-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-007-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-007.xht">counter-increment-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' of 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-008-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-008.xht">counter-increment-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-009-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-009.xht">counter-increment-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-010-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-010.xht">counter-increment-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-012-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-012.xht">counter-increment-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-013-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-013.xht">counter-increment-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with display table
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a display of table.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-014-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-014.xht">counter-increment-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with display inline-table
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a display of inline-table.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-increment-applies-to-015-12.4" class="primary">
        <td><strong>
            <a href="counter-increment-applies-to-015.xht">counter-increment-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-increment applied to elements with display table-caption
          <ul class="assert">
            <li>The 'counter-increment' property applies to elements with a display of table-caption.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-000-12.4" class="primary dom">
        <td><strong>
            <a href="counter-reset-000.xht">counter-reset-000</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>dynamic changes to 'counter-increment'
        </td>
      </tr>
      <tr id="counter-reset-001-12.4" class="primary dom">
        <td><strong>
            <a href="counter-reset-001.xht">counter-reset-001</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>dynamic changes to 'counter-increment'
        </td>
      </tr>
      <tr id="counter-reset-002-12.4" class="primary dom">
        <td><strong>
            <a href="counter-reset-002.xht">counter-reset-002</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>dynamic changes to 'counter-increment'
        </td>
      </tr>
      <tr id="counter-reset-003-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-003.xht">counter-reset-003</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum value, ident -2147483648
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-004-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-004.xht">counter-reset-004</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum plus one value, ident -2147483647
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum plus one value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-005-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-005.xht">counter-reset-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to negative zero, ident -0
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to negative zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-006-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-006.xht">counter-reset-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to zero, ident 0
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-007-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-007.xht">counter-reset-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to positive zero, ident +0
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to positive zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-008-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-008.xht">counter-reset-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to nominal value, ident 10
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-009-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-009.xht">counter-reset-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to a positive nominal value, ident +10
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and a positive integer value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-010-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-010.xht">counter-reset-010</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-011-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-011.xht">counter-reset-011</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum value, ident 2147483647
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-012-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-012.xht">counter-reset-012</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-013-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-013.xht">counter-reset-013</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-014-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-014.xht">counter-reset-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with only an identifier, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with only an identifier, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-015-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-015.xht">counter-reset-015</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-016-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-016.xht">counter-reset-016</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum value, ident -2147483648, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-017-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-017.xht">counter-reset-017</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-018-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-018.xht">counter-reset-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to negative zero, ident -0, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to negative zero, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-019-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-019.xht">counter-reset-019</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to zero, ident 0, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to zero, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-020-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-020.xht">counter-reset-020</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to positive zero, ident +0, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to positive zero, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-021-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-021.xht">counter-reset-021</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to nominal value, ident 10, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-022-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-022.xht">counter-reset-022</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to a positive nominal value, ident +10, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and a positive integer value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-023-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-023.xht">counter-reset-023</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-024-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-024.xht">counter-reset-024</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with and identifier and a number equivalent to the maximum value, ident 2147483647, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-025-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-025.xht">counter-reset-025</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-026-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-026.xht">counter-reset-026</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped twice
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value, grouped twice.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-027-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-027.xht">counter-reset-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with only an identifier, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with only an identifier, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-028-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-028.xht">counter-reset-028</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-029-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-029.xht">counter-reset-029</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum value, ident -2147483648, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-030-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-030.xht">counter-reset-030</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-031-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-031.xht">counter-reset-031</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to negative zero, ident -0, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to negative zero, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-032-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-032.xht">counter-reset-032</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to zero, ident 0, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to zero, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-033-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-033.xht">counter-reset-033</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to positive zero, ident +0, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to positive zero, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-034-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-034.xht">counter-reset-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to nominal value, ident 10, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-035-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-035.xht">counter-reset-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to a positive nominal value, ident +10, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and a positive integer value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-036-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-036.xht">counter-reset-036</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-037-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-037.xht">counter-reset-037</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-038-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-038.xht">counter-reset-038</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-039-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-039.xht">counter-reset-039</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped three times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value, grouped three times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-040-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-040.xht">counter-reset-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with only an identifier, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with only an identifier, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-041-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-041.xht">counter-reset-041</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-042-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-042.xht">counter-reset-042</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum value, ident -2147483648, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-043-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-043.xht">counter-reset-043</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-044-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-044.xht">counter-reset-044</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to negative zero, ident -0, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to negative zero, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-045-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-045.xht">counter-reset-045</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to zero, ident 0, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to zero, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-046-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-046.xht">counter-reset-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to positive zero, ident +0, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value set to positive zero, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-047-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-047.xht">counter-reset-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to nominal value, ident 10, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-048-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-048.xht">counter-reset-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with an identifier and a number set to a positive nominal value, ident +10, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and a positive integer value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-049-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-049.xht">counter-reset-049</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-050-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-050.xht">counter-reset-050</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-051-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-051.xht">counter-reset-051</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-052-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-052.xht">counter-reset-052</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped thirty-two times
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value, grouped thirty-two times.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-053-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-053.xht">counter-reset-053</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with the value 'none'
          <ul class="assert">
            <li>The counter-reset set to 'none'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-054-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-054.xht">counter-reset-054</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with a value of inherit
          <ul class="assert">
            <li>The counter-reset with the value inherit specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-055-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-055.xht">counter-reset-055</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset with only an identifier
          <ul class="assert">
            <li>The 'counter-reset' property with only an identifier.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-056-12.4" class="primary 32bit may">
        <td><strong>
            <a href="counter-reset-056.xht">counter-reset-056</a></strong></td>
        <td></td>
        <td><abbr class="32bit" title=""></abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649
          <ul class="assert">
            <li>The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-001-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-001.xht">counter-reset-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-002-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-002.xht">counter-reset-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-003-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-003.xht">counter-reset-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-004-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-004.xht">counter-reset-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with display table-row
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a display of table-row.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-005-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-005.xht">counter-reset-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-006-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-006.xht">counter-reset-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-007-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-007.xht">counter-reset-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' of 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-008-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-008.xht">counter-reset-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-009-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-009.xht">counter-reset-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-010-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-010.xht">counter-reset-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-012-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-012.xht">counter-reset-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-013-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-013.xht">counter-reset-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with display table
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a display of table.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-014-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-014.xht">counter-reset-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with display inline-table
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a display of inline-table.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-applies-to-015-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-applies-to-015.xht">counter-reset-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset applied to elements with display table-caption
          <ul class="assert">
            <li>The 'counter-reset' property applies to elements with a display of table-caption.</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-increment-002-12.4" class="primary">
        <td><strong>
            <a href="counter-reset-increment-002.xht">counter-reset-increment-002</a></strong></td>
        <td></td>
        <td></td>
        <td>counter-reset - negative value with positive counter-increment
          <ul class="assert">
            <li>A positive counter-increment can apply to a counter-reset that is negative.</li>
          </ul>
        </td>
      </tr>
      <tr id="counters-hidden-000-12.4" class="">
        <td>
            <a href="counters-hidden-000.xht">counters-hidden-000</a></td>
        <td></td>
        <td></td>
        <td>Counter properties on 'content: none' pseudo-elements
        </td>
      </tr>
      <tr id="counters-hidden-001-12.4" class="">
        <td>
            <a href="counters-hidden-001.xht">counters-hidden-001</a></td>
        <td></td>
        <td></td>
        <td>Counter properties on 'display: none' elements
        </td>
      </tr>
      <tr id="counters-hidden-002-12.4" class="">
        <td>
            <a href="counters-hidden-002.xht">counters-hidden-002</a></td>
        <td></td>
        <td></td>
        <td>Counter properties on 'visibility: hidden' elements
        </td>
      </tr>
      <tr id="counters-multi-000-12.4" class="primary">
        <td><strong>
            <a href="counters-multi-000.xht">counters-multi-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Multiple resets for same counter
        </td>
      </tr>
      <tr id="counters-multi-001-12.4" class="primary">
        <td><strong>
            <a href="counters-multi-001.xht">counters-multi-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Multiple increments and resets
        </td>
      </tr>
      <tr id="counters-order-000-12.4" class="primary">
        <td><strong>
            <a href="counters-order-000.xht">counters-order-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Order of 'counter-reset', 'counter-increment', and counter use, including pseudo-elements
        </td>
      </tr>
      <tr id="counters-order-001-12.4" class="primary">
        <td><strong>
            <a href="counters-order-001.xht">counters-order-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Order of counters in out-of-flow content
        </td>
      </tr>
      <tr id="counters-root-000-12.4" class="primary">
        <td><strong>
            <a href="counters-root-000.xht">counters-root-000</a></strong></td>
        <td></td>
        <td></td>
        <td>counters on the root element
        </td>
      </tr>
      <tr id="counters-scope-000-12.4" class="">
        <td>
            <a href="counters-scope-000.xht">counters-scope-000</a></td>
        <td></td>
        <td></td>
        <td>Counter scope
        </td>
      </tr>
      <tr id="counters-scope-001-12.4" class="">
        <td>
            <a href="counters-scope-001.xht">counters-scope-001</a></td>
        <td></td>
        <td></td>
        <td>Counter scope and nesting on elements
        </td>
      </tr>
      <tr id="counters-scope-002-12.4" class="">
        <td>
            <a href="counters-scope-002.xht">counters-scope-002</a></td>
        <td></td>
        <td></td>
        <td>Counter scope and nesting on :before
        </td>
      </tr>
      <tr id="counters-scope-003-12.4" class="">
        <td>
            <a href="counters-scope-003.xht">counters-scope-003</a></td>
        <td></td>
        <td></td>
        <td>Counter scope and nesting on :after
        </td>
      </tr>
      <tr id="counters-scope-004-12.4" class="">
        <td>
            <a href="counters-scope-004.xht">counters-scope-004</a></td>
        <td></td>
        <td></td>
        <td>Counter scope and nesting
        </td>
      </tr>
      <tr id="counters-scope-implied-000-12.4" class="primary">
        <td><strong>
            <a href="counters-scope-implied-000.xht">counters-scope-implied-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Implied counter scopes with no 'counter-increment' or 'counter-reset'
        </td>
      </tr>
      <tr id="counters-scope-implied-001-12.4" class="primary">
        <td><strong>
            <a href="counters-scope-implied-001.xht">counters-scope-implied-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Implied counter scopes by counter use
        </td>
      </tr>
      <tr id="counters-scope-implied-002-12.4" class="primary">
        <td><strong>
            <a href="counters-scope-implied-002.xht">counters-scope-implied-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Implied counter scopes by 'counter-increment'
        </td>
      </tr>
    </tbody>
    <tbody id="s12.4.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.4.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#scope">12.4.1 Nested counters and scope
</a></th></tr>
      <!-- 6 tests -->
      <tr id="counter-reset-sibling-001-12.4.1" class="primary">
        <td><strong>
            <a href="counter-reset-sibling-001.xht">counter-reset-sibling-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter-reset on later siblings
          <ul class="assert">
            <li>Setting 'counter-reset' on later siblings does not have an effect on previous counters.</li>
          </ul>
        </td>
      </tr>
      <tr id="counters-scope-000-12.4.1" class="primary">
        <td><strong>
            <a href="counters-scope-000.xht">counters-scope-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter scope
        </td>
      </tr>
      <tr id="counters-scope-001-12.4.1" class="primary">
        <td><strong>
            <a href="counters-scope-001.xht">counters-scope-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter scope and nesting on elements
        </td>
      </tr>
      <tr id="counters-scope-002-12.4.1" class="primary">
        <td><strong>
            <a href="counters-scope-002.xht">counters-scope-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter scope and nesting on :before
        </td>
      </tr>
      <tr id="counters-scope-003-12.4.1" class="primary">
        <td><strong>
            <a href="counters-scope-003.xht">counters-scope-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter scope and nesting on :after
        </td>
      </tr>
      <tr id="counters-scope-004-12.4.1" class="primary">
        <td><strong>
            <a href="counters-scope-004.xht">counters-scope-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter scope and nesting
        </td>
      </tr>
    </tbody>
    <tbody id="s12.4.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.4.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#counter-styles">12.4.2 Counter styles
</a></th></tr>
      <!-- 36 tests -->
      <tr id="content-counter-000-12.4.2" class="">
        <td>
            <a href="content-counter-000.xht">content-counter-000</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c)
        </td>
      </tr>
      <tr id="content-counter-001-12.4.2" class="">
        <td>
            <a href="content-counter-001.xht">content-counter-001</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, none)
        </td>
      </tr>
      <tr id="content-counter-002-12.4.2" class="">
        <td>
            <a href="content-counter-002.xht">content-counter-002</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, disc)
        </td>
      </tr>
      <tr id="content-counter-003-12.4.2" class="">
        <td>
            <a href="content-counter-003.xht">content-counter-003</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, circle)
        </td>
      </tr>
      <tr id="content-counter-004-12.4.2" class="">
        <td>
            <a href="content-counter-004.xht">content-counter-004</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, square)
        </td>
      </tr>
      <tr id="content-counter-005-12.4.2" class="">
        <td>
            <a href="content-counter-005.xht">content-counter-005</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, decimal)
        </td>
      </tr>
      <tr id="content-counter-006-12.4.2" class="">
        <td>
            <a href="content-counter-006.xht">content-counter-006</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, decimal-leading-zero)
        </td>
      </tr>
      <tr id="content-counter-007-12.4.2" class="">
        <td>
            <a href="content-counter-007.xht">content-counter-007</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, lower-roman)
        </td>
      </tr>
      <tr id="content-counter-008-12.4.2" class="">
        <td>
            <a href="content-counter-008.xht">content-counter-008</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, upper-roman)
        </td>
      </tr>
      <tr id="content-counter-009-12.4.2" class="">
        <td>
            <a href="content-counter-009.xht">content-counter-009</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, georgian)
        </td>
      </tr>
      <tr id="content-counter-010-12.4.2" class="">
        <td>
            <a href="content-counter-010.xht">content-counter-010</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, armenian)
        </td>
      </tr>
      <tr id="content-counter-011-12.4.2" class="">
        <td>
            <a href="content-counter-011.xht">content-counter-011</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, lower-latin)
        </td>
      </tr>
      <tr id="content-counter-012-12.4.2" class="">
        <td>
            <a href="content-counter-012.xht">content-counter-012</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, lower-alpha)
        </td>
      </tr>
      <tr id="content-counter-013-12.4.2" class="">
        <td>
            <a href="content-counter-013.xht">content-counter-013</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, upper-latin)
        </td>
      </tr>
      <tr id="content-counter-014-12.4.2" class="">
        <td>
            <a href="content-counter-014.xht">content-counter-014</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, upper-alpha)
        </td>
      </tr>
      <tr id="content-counter-015-12.4.2" class="">
        <td>
            <a href="content-counter-015.xht">content-counter-015</a></td>
        <td></td>
        <td></td>
        <td>content: counter(c, lower-greek)
        </td>
      </tr>
      <tr id="content-counter-016-12.4.2" class="invalid">
        <td>
            <a href="content-counter-016.xht">content-counter-016</a></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>content: counter() error cases
        </td>
      </tr>
      <tr id="content-counters-000-12.4.2" class="">
        <td>
            <a href="content-counters-000.xht">content-counters-000</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;)
        </td>
      </tr>
      <tr id="content-counters-001-12.4.2" class="">
        <td>
            <a href="content-counters-001.xht">content-counters-001</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, none)
        </td>
      </tr>
      <tr id="content-counters-002-12.4.2" class="">
        <td>
            <a href="content-counters-002.xht">content-counters-002</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, disc)
        </td>
      </tr>
      <tr id="content-counters-003-12.4.2" class="">
        <td>
            <a href="content-counters-003.xht">content-counters-003</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, circle)
        </td>
      </tr>
      <tr id="content-counters-004-12.4.2" class="">
        <td>
            <a href="content-counters-004.xht">content-counters-004</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, square)
        </td>
      </tr>
      <tr id="content-counters-005-12.4.2" class="">
        <td>
            <a href="content-counters-005.xht">content-counters-005</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, decimal)
        </td>
      </tr>
      <tr id="content-counters-006-12.4.2" class="">
        <td>
            <a href="content-counters-006.xht">content-counters-006</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, decimal-leading-zero)
        </td>
      </tr>
      <tr id="content-counters-007-12.4.2" class="">
        <td>
            <a href="content-counters-007.xht">content-counters-007</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, lower-roman)
        </td>
      </tr>
      <tr id="content-counters-008-12.4.2" class="">
        <td>
            <a href="content-counters-008.xht">content-counters-008</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, upper-roman)
        </td>
      </tr>
      <tr id="content-counters-009-12.4.2" class="">
        <td>
            <a href="content-counters-009.xht">content-counters-009</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, georgian)
        </td>
      </tr>
      <tr id="content-counters-010-12.4.2" class="">
        <td>
            <a href="content-counters-010.xht">content-counters-010</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, armenian)
        </td>
      </tr>
      <tr id="content-counters-011-12.4.2" class="">
        <td>
            <a href="content-counters-011.xht">content-counters-011</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, lower-latin)
        </td>
      </tr>
      <tr id="content-counters-012-12.4.2" class="">
        <td>
            <a href="content-counters-012.xht">content-counters-012</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, lower-alpha)
        </td>
      </tr>
      <tr id="content-counters-013-12.4.2" class="">
        <td>
            <a href="content-counters-013.xht">content-counters-013</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, upper-latin)
        </td>
      </tr>
      <tr id="content-counters-014-12.4.2" class="">
        <td>
            <a href="content-counters-014.xht">content-counters-014</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, upper-alpha)
        </td>
      </tr>
      <tr id="content-counters-015-12.4.2" class="">
        <td>
            <a href="content-counters-015.xht">content-counters-015</a></td>
        <td></td>
        <td></td>
        <td>content: counters(c, &quot;.&quot;, lower-greek)
        </td>
      </tr>
      <tr id="content-counters-016-12.4.2" class="">
        <td>
            <a href="content-counters-016.xht">content-counters-016</a></td>
        <td></td>
        <td></td>
        <td>content: counters() string argument
        </td>
      </tr>
      <tr id="content-counters-017-12.4.2" class="">
        <td>
            <a href="content-counters-017.xht">content-counters-017</a></td>
        <td></td>
        <td></td>
        <td>content: counters() string argument
        </td>
      </tr>
      <tr id="content-counters-018-12.4.2" class="invalid">
        <td>
            <a href="content-counters-018.xht">content-counters-018</a></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>content: counters() error cases
        </td>
      </tr>
    </tbody>
    <tbody id="s12.4.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.4.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#undisplayed-counters">12.4.3 Counters in elements with 'display: none'
</a></th></tr>
      <!-- 3 tests -->
      <tr id="counters-hidden-000-12.4.3" class="primary">
        <td><strong>
            <a href="counters-hidden-000.xht">counters-hidden-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter properties on 'content: none' pseudo-elements
        </td>
      </tr>
      <tr id="counters-hidden-001-12.4.3" class="primary">
        <td><strong>
            <a href="counters-hidden-001.xht">counters-hidden-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter properties on 'display: none' elements
        </td>
      </tr>
      <tr id="counters-hidden-002-12.4.3" class="primary">
        <td><strong>
            <a href="counters-hidden-002.xht">counters-hidden-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Counter properties on 'visibility: hidden' elements
        </td>
      </tr>
    </tbody>
    <tbody id="s12.5">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.5">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#lists">12.5 Lists
</a></th></tr>
      <!-- 12 tests -->
      <tr id="c561-list-displ-000-12.5" class="primary">
        <td><strong>
            <a href="c561-list-displ-000.xht">c561-list-displ-000</a></strong></td>
        <td></td>
        <td></td>
        <td>display
        </td>
      </tr>
      <tr id="c563-list-type-000-12.5" class="primary">
        <td><strong>
            <a href="c563-list-type-000.xht">c563-list-type-000</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-type
        </td>
      </tr>
      <tr id="c563-list-type-001-12.5" class="primary">
        <td><strong>
            <a href="c563-list-type-001.xht">c563-list-type-001</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-type
        </td>
      </tr>
      <tr id="c564-list-img-000-12.5" class="primary image">
        <td><strong>
            <a href="c564-list-img-000.xht">c564-list-img-000</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>list-style-image
        </td>
      </tr>
      <tr id="c565-list-pos-000-12.5" class="primary">
        <td><strong>
            <a href="c565-list-pos-000.xht">c565-list-pos-000</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-position
          <ul class="assert">
            <li>The marker box is outside the principal block box.</li>
          </ul>
        </td>
      </tr>
      <tr id="c565-list-pos-001-12.5" class="primary">
        <td><strong>
            <a href="c565-list-pos-001.xht">c565-list-pos-001</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-position
          <ul class="assert">
            <li>The marker box is inside the principal block box.</li>
          </ul>
        </td>
      </tr>
      <tr id="c566-list-stl-001-12.5" class="primary image">
        <td><strong>
            <a href="c566-list-stl-001.xht">c566-list-stl-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>list-style
        </td>
      </tr>
      <tr id="list-style-image-available-001-12.5" class="primary image">
        <td><strong>
            <a href="list-style-image-available-001.xht">list-style-image-available-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List marker displayed when image missing
          <ul class="assert">
            <li>If the 'list-style-image' is not available then the marker needs to be visible.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-none-001-12.5" class="primary image">
        <td><strong>
            <a href="list-style-none-001.xht">list-style-none-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style set to 'none' overrides 'list-style-image'
          <ul class="assert">
            <li>The 'list-style-image' property is also set to 'none when 'list-style' is set to 'none'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-019-12.5" class="primary ahem">
        <td><strong>
            <a href="list-style-position-019.xht">list-style-position-019</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>list-style-position - text-indent
          <ul class="assert">
            <li>Text-indent should only format the indentation of the first line of text of a list-item's principal block box when the list-item's list-style-position is set to outside</li>
          </ul>
        </td>
      </tr>
      <tr id="lists-backgrounds-001-12.5" class="primary">
        <td><strong>
            <a href="lists-backgrounds-001.xht">lists-backgrounds-001</a></strong></td>
        <td></td>
        <td></td>
        <td>List with background applied
          <ul class="assert">
            <li>Background properties only apply to the principal box and not the marker box when the marker is set to outside.</li>
          </ul>
        </td>
      </tr>
      <tr id="markers-rtl-001-12.5" class="primary">
        <td><strong>
            <a href="markers-rtl-001.xht">markers-rtl-001</a></strong></td>
        <td></td>
        <td></td>
        <td>List marker in right-to-left layout
          <ul class="assert">
            <li>When the 'direction' property is set to 'RTL' the markers for list items are placed on the right.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s12.5.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s12.5.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/generate.html#list-style">12.5.1 Lists: the 'list-style-type', 'list-style-image', 'list-style-position', and 'list-style' properties
</a></th></tr>
      <!-- 139 tests -->
      <tr id="bidi-list-001-12.5.1" class="">
        <td>
            <a href="bidi-list-001.xht">bidi-list-001</a></td>
        <td></td>
        <td></td>
        <td>direction:rtl - unordered list
          <ul class="assert">
            <li>direction:rtl should apply to unordered lists, putting bullets on the right</li>
          </ul>
        </td>
      </tr>
      <tr id="bidi-list-002-12.5.1" class="">
        <td>
            <a href="bidi-list-002.xht">bidi-list-002</a></td>
        <td></td>
        <td></td>
        <td>direction:rtl - nested unordered list
          <ul class="assert">
            <li>direction:rtl should apply to nested unordered lists, putting bullets on the right and offset leftwards</li>
          </ul>
        </td>
      </tr>
      <tr id="bidi-list-003-12.5.1" class="">
        <td>
            <a href="bidi-list-003.xht">bidi-list-003</a></td>
        <td></td>
        <td></td>
        <td>direction:rtl - ordered list
          <ul class="assert">
            <li>direction:rtl should apply to nested ordered lists, putting bullets on the right and offset leftwards</li>
          </ul>
        </td>
      </tr>
      <tr id="bidi-list-004-12.5.1" class="">
        <td>
            <a href="bidi-list-004.xht">bidi-list-004</a></td>
        <td></td>
        <td></td>
        <td>text-align: justify and direction:rtl - unordered list
          <ul class="assert">
            <li>text-align: justify should apply to unordered lists in rtl context without affecting their rtlness</li>
          </ul>
        </td>
      </tr>
      <tr id="bidi-list-005-12.5.1" class="">
        <td>
            <a href="bidi-list-005.xht">bidi-list-005</a></td>
        <td></td>
        <td></td>
        <td>text-align: left and direction:rtl - unordered list
          <ul class="assert">
            <li>text-align:left should be applied to unordered list in rtl context without affecting its rtlness</li>
          </ul>
        </td>
      </tr>
      <tr id="bidi-list-006-12.5.1" class="">
        <td>
            <a href="bidi-list-006.xht">bidi-list-006</a></td>
        <td></td>
        <td></td>
        <td>text-align: right and direction:rtl - unordered list
          <ul class="assert">
            <li>text-align:right should be applied to unordered list in rtl context without affecting its rtlness</li>
          </ul>
        </td>
      </tr>
      <tr id="bidi-list-007-12.5.1" class="">
        <td>
            <a href="bidi-list-007.xht">bidi-list-007</a></td>
        <td></td>
        <td></td>
        <td>text-align: center and direction:rtl - unordered list
          <ul class="assert">
            <li>text-align: center should apply to unordered lists in rtl context without affecting their rtlness</li>
          </ul>
        </td>
      </tr>
      <tr id="counter-reset-increment-002-12.5.1" class="">
        <td>
            <a href="counter-reset-increment-002.xht">counter-reset-increment-002</a></td>
        <td></td>
        <td></td>
        <td>counter-reset - negative value with positive counter-increment
          <ul class="assert">
            <li>A positive counter-increment can apply to a counter-reset that is negative.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-alignment-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-alignment-001.xht">list-alignment-001</a></strong></td>
        <td></td>
        <td></td>
        <td>List style numbering alignment
          <ul class="assert">
            <li>That the list numbering is aligned consistently.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-bidi-000-12.5.1" class="primary">
        <td><strong>
            <a href="list-bidi-000.xht">list-bidi-000</a></strong></td>
        <td></td>
        <td></td>
        <td>outside list-item marker position in BIDI
          <ul class="assert">
            <li>The list-item marker is on the right side for an RTL item and on the left side for an LTR one.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-001.xht">list-style-001</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style with only list-style-type as a value
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-type'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-002-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-002.xht">list-style-002</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style with only list-style-position as a value
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-position'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-003-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-003.xht">list-style-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style with only list-style-image as a value
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-image'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-004-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-004.xht">list-style-004</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style with list-style-type list-style-position as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-type' and 'list-style-position'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-005-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-005.xht">list-style-005</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style with list-style-type list-style-image as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-type' and 'list-style-image'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-006-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-006.xht">list-style-006</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style with 'list-style-position' and 'list-style-type' as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-position' and 'list-style-type'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-007-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-007.xht">list-style-007</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style with list-style-position list-style-image as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-position' and 'list-style-image'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-008-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-008.xht">list-style-008</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style with list-style-image list-style-type as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-image' and 'list-style-type'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-009-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-009.xht">list-style-009</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style with list-style-image list-style-position as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-image' and 'list-style-position'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-010-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-010.xht">list-style-010</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style: list-style-type list-style-position list-style-image
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-type', 'list-style-position' and 'list-style-image'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-011-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-011.xht">list-style-011</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style with list-style-type list-style-image list-style-position as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-type', 'list-style-image' and 'list-style-position'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-012-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-012.xht">list-style-012</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style with list-style-position list-style-type list-style-image as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-position', 'list-style-type' and 'list-style-image'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-013-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-013.xht">list-style-013</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style with list-style-position list-style-image list-style-type as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-position', 'list-style-image' and 'list-style-type'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-014-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-014.xht">list-style-014</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style with list-style-image list-style-type list-style-position as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-image', 'list-style-type' and 'list-style-position'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-015-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-015.xht">list-style-015</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style with list-style-image list-style-position list-style-type as values
          <ul class="assert">
            <li>The shorthand property 'list-style' applies 'list-style-image', 'list-style-position' and 'list-style-type'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-016-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-016.xht">list-style-016</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style inheriting a single value
          <ul class="assert">
            <li>The shorthand property 'list-style' set to 'inherit' inherits a single value from the parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-017-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-017.xht">list-style-017</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style inheriting two values
          <ul class="assert">
            <li>The shorthand property 'list-style' set to 'inherit' inherits two values from the parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-018-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-018.xht">list-style-018</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style inheriting three values
          <ul class="assert">
            <li>The shorthand property 'list-style' set to 'inherit' inherits three values from the parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-019-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-019.xht">list-style-019</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>list-style - initial value
          <ul class="assert">
            <li>'list-style' property is a shorthand notation that sets the three properties 'list-style-type', 'list-style-image' and 'list-style-position'. If one of the 3 list-style properties is not specified explicitly, then such 'list-style' property is assigned its initial value as indicated in its property definition.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-001.xht">list-style-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-002-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-002.xht">list-style-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-003-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-003.xht">list-style-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-004-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-004.xht">list-style-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-005-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-005.xht">list-style-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-006-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-006.xht">list-style-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-007-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-007.xht">list-style-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-008-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-008.xht">list-style-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-009-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-009.xht">list-style-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-010-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-010.xht">list-style-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-012-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-012.xht">list-style-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-013-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-013.xht">list-style-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-014-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-014.xht">list-style-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-applies-to-015-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-applies-to-015.xht">list-style-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'list-style' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-001-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-001.xht">list-style-image-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image set to 'inherit'
          <ul class="assert">
            <li>The 'list-style-image' property set to 'inherit' inherits its value from the parent element.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-002-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-002.xht">list-style-image-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image set using the url() function
          <ul class="assert">
            <li>The 'list-style-image' property set to the url() function properly renders an image.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-003-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-003.xht">list-style-image-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image set to 'none'
          <ul class="assert">
            <li>The 'list-style-image' property set to 'none' does not render any image.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-004-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-image-004.xht">list-style-image-004</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS List Images: invalid
        </td>
      </tr>
      <tr id="list-style-image-005-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-image-005.xht">list-style-image-005</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Lists: list-item with list-style-image
        </td>
      </tr>
      <tr id="list-style-image-006-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-image-006.xht">list-style-image-006</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-image in rtl context
          <ul class="assert">
            <li>list-style-image should be positioned to the right in rtl context</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-001-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-001.xht">list-style-image-applies-to-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-002-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-002.xht">list-style-image-applies-to-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-003-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-003.xht">list-style-image-applies-to-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-004-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-004.xht">list-style-image-applies-to-004</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-005-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-005.xht">list-style-image-applies-to-005</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-006-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-006.xht">list-style-image-applies-to-006</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-007-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-007.xht">list-style-image-applies-to-007</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-008-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-008.xht">list-style-image-applies-to-008</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-009-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-009.xht">list-style-image-applies-to-009</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-010-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-010.xht">list-style-image-applies-to-010</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-012-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-012.xht">list-style-image-applies-to-012</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-013-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-013.xht">list-style-image-applies-to-013</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-014-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-014.xht">list-style-image-applies-to-014</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-image-applies-to-015-12.5.1" class="primary image">
        <td><strong>
            <a href="list-style-image-applies-to-015.xht">list-style-image-applies-to-015</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>List-style-image applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'list-style-image' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-001.xht">list-style-position-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position - first-child block box with 'overflow'
          <ul class="assert">
            <li>The position of a first-child block box inside a principal box must not be affected by 'overflow' being applied to the first-child, when marker box is positioned outside the principal box</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-002-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-002.xht">list-style-position-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position - descendant block box with 'overflow'
          <ul class="assert">
            <li>The position of a descendant block box inside a principal box must not be affected by 'overflow' being applied to the descendant, when marker box is positioned outside the principal box</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-003-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-003.xht">list-style-position-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position - list-item overflow - 'list-style-position:inside'
          <ul class="assert">
            <li>'overflow' applied to principal box and presence of child block box (in normal flow) must have no affect on visibility or position of marker box</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-004-12.5.1" class="primary may">
        <td><strong>
            <a href="list-style-position-004.xht">list-style-position-004</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Marker box position - list-item overflow - 'list-style-position:outside'
          <ul class="assert">
            <li>'overflow' applied to the list-item must not clip the marker box</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-005-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-005.xht">list-style-position-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - block box in normal flow (as child of principal box)
          <ul class="assert">
            <li>Since a marker box is the first inline element in the principal box when 'list-style-position:inside', the following block box (in normal flow) must create a new stacking context below the marker box</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-006-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-006.xht">list-style-position-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - block box with 'float:left' (as child of principal box)
          <ul class="assert">
            <li>Since a marker box is the first inline element in the principal box when 'list-style-position:inside', the following block box (floated to the left) must visually appear before the marker box in the rendered document</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-007-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-007.xht">list-style-position-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - block box with 'float:right' (as child of principal box)
          <ul class="assert">
            <li></li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-008-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-008.xht">list-style-position-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - floated-left child
          <ul class="assert">
            <li>A floated element (as a child of the principal box) should not affect the horizontal position of the marker box (positioned outside principal box) in relation to the principal box's content</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-009-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-009.xht">list-style-position-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - floated-right child
          <ul class="assert">
            <li>A floated element (as a child of the principal box) should not affect the horizontal position of the marker box (positioned outside principal box) in relation to the principal box's content</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-010-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-010.xht">list-style-position-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - :before pseudo-element list-item ('list-style-position:inside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. The presence of the :before pseudo element in this context, must have no affect on the position of the marker box of the associated element as it must still appear to the outside left edge of it's own principal box (since 'list-style-position:outside').</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-011-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-011.xht">list-style-position-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - :before pseudo-element list-item ('list-style-position:outside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. Since the marker box of the associated element must be the first inline element within it's principal box (since 'list-style-position:inside'), that marker box must appear before the marker box and principal box of the :before pseudo-element.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-012-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-012.xht">list-style-position-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - :before pseudo-element list-item ('list-style-position:inside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. Since the marker box of the associated element must be the first inline element within it's principal box (since 'list-style-position:inside'), that marker box must appear before the marker box and principal box of the :before pseudo-element.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-013-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-013.xht">list-style-position-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - :before pseudo-element list-item ('list-style-position:outside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. The position of the marker box of the associated element must still appear to the outside left edge of it's principal box (since 'list-style-position:outside') and should be positioned towards the top of this principal box. Since the marker box of the :before pseudo element should be positioned at the same coordinate as the associated element's marker box, either bullet could appear in front of the other (since stacking levels of marker boxes aren't defined in CSS2.1, in this context).</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-014-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-014.xht">list-style-position-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - floated :before pseudo-element list-item ('list-style-position:inside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since this :before pseudo element is floated left, the document tree content of the associated element must appear alongside (after) this :before pseudo element. The position of the marker box of the associated element must not be affected, as it must still appear to the outside left edge of it's principal box (since 'list-style-position:outside').</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-015-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-015.xht">list-style-position-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - floated :before pseudo-element list-item ('list-style-position:outside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). Since this :before pseudo element is floated left, the principal box (and marker box, since 'list-style-position:inside') of the associated element must appear alongside (after) this :before pseudo element. The position of the marker box of the :before pseudo element must still appear to the outside left edge of it's associated element's principal box (since 'list-style-position:outside').</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-016-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-016.xht">list-style-position-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (inside principal box) - floated :before pseudo-element list-item ('list-style-position:inside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since the :before pseudo element is floated left, the principal box (and marker box, since 'list-style-position:inside') of the associated element must appear alongside (after) the :before pseudo element.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-017-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-017.xht">list-style-position-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Marker box position (outside principal box) - floated :before pseudo-element list-item ('list-style-position:outside')
          <ul class="assert">
            <li>When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since the :before pseudo element is floated left, The document tree content of the associated element must appear alongside (after) the :before pseudo element. Since the marker box of the :before pseudo element should be positioned at the same coordinate as the associated element's marker box, either bullet could appear in front of the other (since stacking levels of marker boxes aren't defined in CSS2.1, in this context).</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-019-12.5.1" class="ahem">
        <td>
            <a href="list-style-position-019.xht">list-style-position-019</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>list-style-position - text-indent
          <ul class="assert">
            <li>Text-indent should only format the indentation of the first line of text of a list-item's principal block box when the list-item's list-style-position is set to outside</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-020-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-020.xht">list-style-position-020</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position set to 'inside'
          <ul class="assert">
            <li>The 'list-style-position' property set to 'inside' places the marker inside of the list item principal block box.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-021-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-021.xht">list-style-position-021</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position set to 'outside'
          <ul class="assert">
            <li>The 'list-style-position' property set to 'outside' places the marker outside of the list item principal block box.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-022-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-022.xht">list-style-position-022</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position set to 'inherit'
          <ul class="assert">
            <li>The 'list-style-position' property set to 'inherit' retrieves its value from its parent element.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-023-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-023.xht">list-style-position-023</a></strong></td>
        <td></td>
        <td></td>
        <td>Nested inside list markers (ltr)
        </td>
      </tr>
      <tr id="list-style-position-024-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-024.xht">list-style-position-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Nested inside list markers (rtl)
        </td>
      </tr>
      <tr id="list-style-position-025-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-025.xht">list-style-position-025</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-position in rtl context
          <ul class="assert">
            <li>list-style-position:inside in rtl context should let text flow below the bullet on the right side</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-001.xht">list-style-position-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-002-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-002.xht">list-style-position-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-003-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-003.xht">list-style-position-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-004-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-004.xht">list-style-position-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-005-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-005.xht">list-style-position-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-006-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-006.xht">list-style-position-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-007-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-007.xht">list-style-position-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-008-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-008.xht">list-style-position-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-009-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-009.xht">list-style-position-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-010-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-010.xht">list-style-position-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-012-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-012.xht">list-style-position-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-013-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-013.xht">list-style-position-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-014-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-014.xht">list-style-position-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-applies-to-015-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-applies-to-015.xht">list-style-position-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-position applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'list-style-position' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-position-inside-002-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-position-inside-002.xht">list-style-position-inside-002</a></strong></td>
        <td></td>
        <td></td>
        <td>inside list-item marker position wrt :before and :after
          <ul class="assert">
            <li>The list-item marker is on the right side for an RTL item and on the left side for an LTR one.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-001.xht">list-style-type-001</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'disc'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'disc' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-002-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-002.xht">list-style-type-002</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'circle'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'circle' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-003-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-003.xht">list-style-type-003</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'square'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'square' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-004-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-004.xht">list-style-type-004</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'decimal'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'decimal' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-005-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-005.xht">list-style-type-005</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'decimal-leading-zero'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'decimal-leading-zero' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-006-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-006.xht">list-style-type-006</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'lower-roman'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'lower-roman' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-007-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-007.xht">list-style-type-007</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'upper-roman'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'upper-roman' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-008-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-008.xht">list-style-type-008</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'lower-greek'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'lower-greek' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-009-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-009.xht">list-style-type-009</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'lower-latin'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'lower-latin' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-010-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-010.xht">list-style-type-010</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'upper-latin'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'upper-latin' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-011-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-011.xht">list-style-type-011</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'armenian'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'armenian' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-012-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-012.xht">list-style-type-012</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'georgian'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'georgian' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-013-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-013.xht">list-style-type-013</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'lower-alpha'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'lower-alpha' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-014-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-014.xht">list-style-type-014</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'upper-alpha'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'upper-alpha' renders the correct list item marker.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-015-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-015.xht">list-style-type-015</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'none'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'none' does not display a marker bullet.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-016-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-016.xht">list-style-type-016</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type set to 'inherit'
          <ul class="assert">
            <li>The 'list-style-type' property set to 'inherit' inherits the value from the parent element.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-017-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-017.xht">list-style-type-017</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Lists: Negative Numbers
        </td>
      </tr>
      <tr id="list-style-type-018-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-018.xht">list-style-type-018</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-type in rtl context
          <ul class="assert">
            <li>list-style-type should be correctly applied in rtl context</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-001.xht">list-style-type-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-002-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-002.xht">list-style-type-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-003-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-003.xht">list-style-type-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-004-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-004.xht">list-style-type-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-005-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-005.xht">list-style-type-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-006-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-006.xht">list-style-type-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-007-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-007.xht">list-style-type-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-008-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-008.xht">list-style-type-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-009-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-009.xht">list-style-type-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-010-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-010.xht">list-style-type-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-012-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-012.xht">list-style-type-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-013-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-013.xht">list-style-type-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-014-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-014.xht">list-style-type-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-applies-to-015-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-applies-to-015.xht">list-style-type-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>List-style-type applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'list-style-type' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-armenian-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-armenian-001.xht">list-style-type-armenian-001</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-type - armenian, up to 100
          <ul class="assert">
            <li>Setting list-style-type to armenian will cause list numbering to format numbers up to 9,999 in the way described in CSS3 Lists module.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-georgian-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-georgian-001.xht">list-style-type-georgian-001</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-type - georgian
          <ul class="assert">
            <li>Setting list-style-type to georgian will cause list numbering to format numbers in the way described in the CSS3 Lists module plus corrections by George Chavchanidze.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-type-lower-greek-001-12.5.1" class="primary">
        <td><strong>
            <a href="list-style-type-lower-greek-001.xht">list-style-type-lower-greek-001</a></strong></td>
        <td></td>
        <td></td>
        <td>list-style-type - lower-greek
          <ul class="assert">
            <li>Setting list-style-type to lower-greek will cause list numbering to format numbers in the way described in the CSS3 Lists module.</li>
          </ul>
        </td>
      </tr>
      <tr id="lists-alpha-wrap-001-12.5.1" class="primary">
        <td><strong>
            <a href="lists-alpha-wrap-001.xht">lists-alpha-wrap-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Alphabetic list wrapping
          <ul class="assert">
            <li>Alphabetic list wrapping does not exert unexpected behavior to a user.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-inherit-001-12.5.1" class="primary">
        <td><strong>
            <a href="width-inherit-001.xht">width-inherit-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Inheriting Explicit Widths
          <ul class="assert">
            <li>The computed width is inherited, even if the 'width' property does not apply.</li>
          </ul>
        </td>
      </tr>
    </tbody>
  </table>

 </body>
</html>
